import styled from 'styled-components'
export const ArtistCategoryWrapper = styled.div`

`
export const ItemWrapper = styled.div`
  .title{
    font-size:16px;
    color:#333;
  }
  padding:10px 0;
  border-bottom:1px solid #ccc;
  &:last-child {
    border-bottom:none;
  }
`
export const UlWrapper = styled.ul`

`
export const LiWrapper = styled.li`
  color:#333;
  cursor:pointer;
  height:30px;
  line-height:30px;
  .icon{
    width: 200px;
    padding-left:30px;
    background-position: 0 -38px;
    background-position:0 ${props => props.isActive ? '-8px':'-38px'};
    color:${props => props.isActive ? '#C20C0C':'#333'}
  }
  /* border:1px solid #ccc; */
`